.zoom-in-top-enter {
  transform: scaleY(0);
  opacity: 0;
}
.zoom-in-top-enter-active {
  transform: scaleY(1);
  transform-origin: center top;
  opacity: 1;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-top-exit {
  opacity: 1;
}
.zoom-in-top-exit-active {
  transform: scaleY(0);
  transform-origin: center top;
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-left-enter {
  transform: scale(0.45, 0.45);
  opacity: 0;
}
.zoom-in-left-enter-active {
  transform: scale(1, 1);
  transform-origin: top left;
  opacity: 1;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-left-exit {
  opacity: 1;
}
.zoom-in-left-exit-active {
  transform: scale(0.45, 0.45);
  transform-origin: top left;
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-right-enter {
  transform: scale(0.45, 0.45);
  opacity: 0;
}
.zoom-in-right-enter-active {
  transform: scale(1, 1);
  transform-origin: top right;
  opacity: 1;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-right-exit {
  opacity: 1;
}
.zoom-in-right-exit-active {
  transform: scale(0.45, 0.45);
  transform-origin: top right;
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-bottom-enter {
  transform: scaleY(0);
  opacity: 0;
}
.zoom-in-bottom-enter-active {
  transform: scaleY(1);
  transform-origin: center bottom;
  opacity: 1;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
.zoom-in-bottom-exit {
  opacity: 1;
}
.zoom-in-bottom-exit-active {
  transform: scaleY(0);
  transform-origin: center bottom;
  opacity: 0;
  transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;
}
